import React from 'react'
import { Tabbar } from 'react-vant'
import { AppsO,TodoListO, FriendsO, Contact } from '@react-vant/icons'
import { useNavigate } from "react-router-dom";
export default function index() {
  let navigate = useNavigate();
  return (
    <div style={{width: '100%', height: '100%'}}>
        <Tabbar activeColor='#f44336' inactiveColor='#000' value={3}>
        <Tabbar.Item onClick={()=>navigate('/wxq/ord')} icon={<TodoListO />}>待办事件</Tabbar.Item>
        <Tabbar.Item  onClick={()=>navigate('/wxq/cus')} icon={<FriendsO />}>客户画像</Tabbar.Item>
        <Tabbar.Item  onClick={()=>navigate('/lishi')} icon={<AppsO />}>历史任务</Tabbar.Item>
        <Tabbar.Item  icon={<Contact />}>个人</Tabbar.Item>
      </Tabbar>
    </div>
  )
}
